html,
	body {
		position: relative;
		height: 100%;
	}

	x-object-fit{
		 transform:translate(0%,0%) !important;
	 }
	.swiper-container {
		width: 100%;
		height: 100%;
	}
	
	.swiper-slide {
		position: relative;
		overflow: hidden;
		text-align: center;
		font-size: 18px;
		background: #666;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	/*其他颜色需更改css样式 007aff */
	
	.swiper-button-next.swiper-button-disabled,
	.swiper-button-prev.swiper-button-disabled {
		opacity: 0;
		cursor: auto;
		pointer-events: none;
	}
	
	.swiper-button-next {
		background-image: url(../img/Arrow_Right.png);
	}
	
	.swiper-button-prev {
		background-image: url(../img/Arrow_Left.png);
	}
	
	.swiper-button-next,
	.swiper-button-prev {
		transition: all .3s ease-in-out;
		background-size: cover;
		width: 56px;
		height: 56px;
		opacity: 0;
	}
	
	.swiper-button-next:hover,
	.swiper-button-prev:hover {
		opacity: 1;
	}
	
	.swiper-pagination-bullet {
		background: #fff;
		opacity: .5;
		width: 35px;
		height: 1px;
	}
	
	.swiper-pagination-bullet-active {
		opacity: 1;
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 30px;
	}
	
	.swiper-slide .background_video {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	
	.swiper-slide .bg {
		position: absolute;
		background: #150C33;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		opacity: .5;
	}
	.txtBox{
	    position: relative;
	}
	.txtBox .bigtxt{
		font-size: 48px;
	}
	.txtBox .txt{
		font-size: 18px;
		line-height: 36px;
	}
	.txtBox .btnBox{
		display: -ms-flexbox;
		display: flex;
		height: 160px;
		width: 700px;
		/*margin-top: 118px;*/
		margin: 118px auto 0;
	}
	.btnBox .items{
	    width: 160px;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    margin-left: 20px;
	    cursor: pointer;
	}
	.btnBox .items p{
		font-size: 16px;
	}
	.btnBox .items:nth-of-type(1){
		margin-left: 0;
	}
	.btnBox .items img{
		margin: 24px 0;
	}
	.btnBox .items img.b1{
		width: 56px;
		height: 56px;
	}
	.btnBox .items img.b2{
		width: 54px;
		height: 54px;
		margin-bottom: 26px;
	}
	.btnBox .items img.b3{
		width: 58px;
		height: 46px;
		margin-bottom: 34px;
	}
	.btnBox .items img.b4{
		width: 48px;
		height: 48px;
		margin-bottom: 32px;
	}
	.naver{
	    height: 100px;
	    background: rgba(0,0,0,0);
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    z-index: 99;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    padding: 0 30px;
	}
	.naver .nav{
		height: 24px;
		display: flex;
		align-items: center;
	}
	.naver .nav .navList {
	    list-style: none;
	    margin-left:30px;
	    cursor: pointer;
	    font-size: 15px;
	}
	.naver .nav img.navList{
		width: 23px;
		height: 24px;
	}
	.naver .logo{
		width: 119px;
		height: 26px;
	}

/* ipad横屏 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape){
	
}


/* width 768 */

@media (max-width: 1023px) {
	.txtBox .btnBox{
		display: none;
	}
}


/* width 480 */

@media (max-width: 767px) {
	.txtBox .bigtxt{
		font-size: 34px;
	}
	.txtBox .txt {
	    font-size: 15px;
	    line-height: 36px;
	    width: 256px;
	    margin: 0 auto;
	    text-align: center;
	}
}


/* width 320 */

@media (max-width: 479px) {
	.txtBox .bigtxt{
		font-size: 24px;
	}
	.txtBox .txt {
	    font-size: 12px;
	    line-height: 20px;
	    width: 208px;
	    margin: 0 auto;
	    text-align: center;
	}
}